<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			* {
				margin: 0 auto;
				padding: 0;
				font:"微软雅黑"
			}
			
			body {
				margin-top:30px ;
				/*margin: 5px;*/
				border: 1px solid #BDD6F2;
				border-radius: 9px;
				width: 460px;
			}
			
			li {
				list-style-type: none;
				float: left;
				margin: 10px;
			}
			
			#fis,#sen,#thi,#fou {
				padding-left: 40px;
				float: left;
				width: 150px;
				height: 100px;
				padding-right: 20px;
			}
			
			#mor{
				position: absolute;
				top: 40px;
				right: 400px;
			}
			
			#art1,
			#art2,
			#art3,
			#art4 {
				padding-left: 40px;
				padding-top: 20px;
				/*display: inline-block;*/
				float: left;
			}
			
			h3 {
				line-height: 20px;
				padding-bottom: 10px;
				color: #C02626;
				text-decoration: underline;
			}
			
			p {
				line-height: 20px;
			}
			#clear{
				clear: both;
			}
			span{
				color: #D80018;
			}
			#title{
				position: absolute;
				left: 20px;
				font-weight:bolder ;
				top: 40px;
				left: 70px;
				font-size: 30px;
			}
			#ss{
				position: relative;
				min-width: 800px;
			}
			ul{
				padding-top: 80px;
				padding-bottom: 40px;
			}
			#sav{
				position: absolute;
				top: 80px;
				left: 172px;
			}
		</style>
	</head>

	<body>
		<div id="ss">
			<!--<img src="" />-->
			<p id="title"><span>SHOP</span><strong>今日推荐</strong></p>
			<img src="../img/more.gif" id="mor"/>
			<ul>
				<li><img src="../img/img9.gif" id="fis"/>
				<img src="../img/shen.png" id="sav" />
					<div id="art1">
						<h3>汉来国际美食百货</h3>
						<p>口味：创意中餐</p>
						<p>区域：朝阳/CBD</p>
					</div>
				</li>
				<li><img src="../img/img7.gif" id="sen">
					<div id="art2">
						<h3>汉来国际美食百货</h3>
						<p>口味：创意中餐</p>
						<p>区域：朝阳/CBD</p>
					</div>
				</li>
				<li><img src="../img/img8.gif" id="thi">
					<div id="art3">
						<h3>汉来国际美食百货</h3>
						<p>口味：创意中餐</p>
						<p>区域：朝阳/CBD</p>
					</div>
				</li>
				<li><img src="../img/img7.gif" id="fou">
					<div id="art4">
						<h3>汉来国际美食百货</h3>
						<p>口味：创意中餐</p>
						<p>区域：朝阳/CBD</p>
					</div>
					
				</li>
				<div id="clear">
					</div>
			</ul>
		</div>
	</body>

</html>